let ul = document.getElementsByClassName('list')[0]
// 创建一个span
let span = document.createElement('span')
span.innerHTML = 'BootStrap'
// 创建一个元素li
let li = document.createElement('li')
// 创建一个checkbox
let checkbox = document.createElement('input')
checkbox.setAttribute('type', 'checkbox')
checkbox.setAttribute('checked', true)
checkbox.setAttribute('value', 'BootStrap')
checkbox.className = 'checkbox'
li.appendChild(checkbox)
// 创建文本节点
let textNode = document.createTextNode(' BootStrap')
li.appendChild(textNode)
// 拼接li到ul最后一个元素
// ul.appendChild(li)

// 创建一个li拼接到ul的第一个位置
let li1 = document.createElement('li')
li1.innerHTML = `<input type="checkbox" value="hello"  /> hello`
let firstElement = ul.firstElementChild
// 通过父级元素ul把li1插入到firstElement的前面
ul.insertBefore(li1, firstElement)
